<div class="panel panel-default" style="padding: 20px">
	<div class="panel-heading">
		所选设备基本信息
	</div>
	<div class="panel-body">
		<table class="table">
			<tr>
				<th>设备别名</th>
				<th>设备自定义名称</th>
				<th>终端用户</th>
				<th>设备序列号</th>
				<th>设备型号</th>
				<th>设备状态</th>
			</tr>
			<tr *ngFor="let devdata of devdata">
				<td>
					{{devdata?.alias_name||'无'}}
				</td>
				<td>{{devdata?.xcxlh||'无'}}</td>
				<td>{{devdata?.zdyh||'无'}}</td>
				<td>{{devdata?.sn||'无'}}</td>
				<td>{{devdata?.model||'无'}}</td>
				<td>
					<span *ngIf="devdata?.online=='0'" class="label bg-danger inline m-t-xs">离线</span>
        			<span *ngIf="devdata?.online=='1'" class="label bg-success inline m-t-xs">在线</span>
				</td>
			</tr>
		</table>
	</div>
	<div class="panel-heading m-t-n-md">
		设备数据点
	</div>
	<div class="panel-body">
		<div class="row" >
			<div *ngFor="let  propertyData1 of propertyData">
				<div class="col-xs-2" *ngFor="let propertyData of propertyData1" style="margin-bottom: 10px;">
		            <input type="checkbox" name="cbx" value="{{propertyData.property}}" (click)="fn($event,propertyData.property)">{{propertyData.display_name}}
		        </div>
			</div>
           
        </div>
	</div>
	<div class="panel-heading">
		设备数据比较曲线 
		<span class="pull-right">
			<span>请选择时间：</span><input size="16" type="text" value="" class="form_datetime" id="stime"  readonly><button class="m-l" (click)="chosedparam()" data-loading-text="数据曲线加载中..." autocomplete="off" id="myButton">查询数据曲线</button>
		</span>
	</div>
	<div class="panel-body">
		<div class="row">
      <!--       <div class="col-md-12" *ngFor="let paradatawe of tdata">
              <div class="panel panel-default" style="padding:10px;">
                <div class="panel-heading"><span class="font-bold">{{paradatawe.parameter}}</span>30分钟历史数据<span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,最多可查询30天数据</span></div>
                <div class="panel-body">
                  <div id="{{paradatawe.parameter}}" style="width: 90%;  height: 400px; "></div>
             	
                </div>
              </div>
            </div>  -->
			<div class="col-md-12" *ngIf="paradata?.parameter0">
            	<div class="panel panel-default" style="padding:10px;">
            		<div class="panel-heading">
            			<span class="font-bold">{{paradata?.parameter0}}</span>
            			30分钟历史数据
            			<span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,最多可查询30天数据</span>
            		</div>
            		<div class="panel-body">
            			<div id="{{paradata?.parameter0}}" style="width: 90%;  height: 400px; "></div>
            		</div>
            	</div>            	
            </div>
            <div class="col-md-12" *ngIf="paradata?.parameter1">
            	<div class="panel panel-default" style="padding:10px;">
            		<div class="panel-heading">
            			<span class="font-bold">{{paradata?.parameter1}}</span>
            			30分钟历史数据
            			<span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,最多可查询30天数据</span>
            		</div>
            		<div class="panel-body">
            			<div id="{{paradata?.parameter1}}" style="width: 90%;  height: 400px; "></div>
            		</div>
            	</div>            	
            </div>
            <div class="col-md-12" *ngIf="paradata?.parameter2">
            	<div class="panel panel-default" style="padding:10px;">
            		<div class="panel-heading">
            			<span class="font-bold">{{paradata?.parameter2}}</span>
            			30分钟历史数据
            			<span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,最多可查询30天数据</span>
            		</div>
            		<div class="panel-body">
            			<div id="{{paradata?.parameter2}}" style="width: 90%;  height: 400px; "></div>
            		</div>
            	</div>            	
            </div>
            <div class="col-md-12" *ngIf="paradata?.parameter3">
            	<div class="panel panel-default" style="padding:10px;">
            		<div class="panel-heading">
            			<span class="font-bold">{{paradata?.parameter3}}</span>
            			30分钟历史数据
            			<span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,最多可查询30天数据</span>
            		</div>
            		<div class="panel-body">
            			<div id="{{paradata?.parameter3}}" style="width: 90%;  height: 400px; "></div>
            		</div>
            	</div>            	
            </div>
            <div class="col-md-12" *ngIf="paradata?.parameter4">
            	<div class="panel panel-default" style="padding:10px;">
            		<div class="panel-heading">
            			<span class="font-bold">{{paradata?.parameter4}}</span>
            			30分钟历史数据
            			<span  class="pull-right" style="color:red;">提示：一次最多同时查询5个参数,最多可查询30天数据</span>
            		</div>
            		<div class="panel-body">
            			<div id="{{paradata?.parameter4}}" style="width: 90%;  height: 400px; "></div>
            		</div>
            	</div>            	
            </div>








	</div>
</div> 
 
